extends ../../../layout/layout.pug

block content
  - var n = `fileWatcher__`
  //- 组件主体
  section(class=`${n}container`)
    //- //- 搜索栏信息
    //- div(class=`${n}searchBar`)!= captrue.iconSvg[`搜索`]
    //-   //- 搜索的输入栏
    //-   input(id=`${n}searchInput` class=`${n}searchInput` placeholder=`输入图片名称`)

    //- 文件列表
    - var n = `fileList__`
    section(class=`${n}component` id=`${n}component` )

    //- 文件列表底部按钮组
    - var n = `fileWatcher__`
    div(class=`${n}btnGroup`)
      div(id=`${n}btn-openFloder` class=`${n}btn-openFloder`)!= icon.svg[`打开文件夹`]
        span= `打开文件夹`
      div(id=`${n}btn-reloadFloder` class=`${n}btn-reloadFloder`)!= icon.svg[`刷新文件夹`]
        span= `刷新文件夹`
      div(id=`${n}btn-loadConfig` class=`${n}btn-loadConfig`)!= icon.svg[`读取配置`]
        span= `读取配置`
      div(id=`${n}btn-stopWatching` class=`${n}btn-stopWatching`)!= icon.svg[`保存配置`]
        span= `停止监视`

  //- 通知栏
  - var n = `smallNoification__`
  section(class=`${n}component` id=`${n}component` )
    //- include ../js/notification/smallNoification.pug

  //- 桌面通知弹窗
  - var n = `noificationToWindow__`
  section(class=`${n}component` id=`${n}component`)
    //- include ../js/notification/noificationToWindow.pug